.layui-card{
    background-color: transparent;
}

.task-data-label {
    display: inline-block;
    padding: 3px 3px;
    background-color: #64e8fd;
    /*color: #4b7ca4;*/
    color: #1a1f28;
    /*text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de*/
    /*,0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;*/
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    width: 17%;
    margin-top: 28px;
}

.task-data-container {
    font-size: 20px;
    /*margin-left: 3px;*/
    border: none;
    outline: none;
    /*color: #4b7ca4;*/
    color: white;
    font-weight: bold;
    border-radius: 4px;
    width: 20%;
    padding: 8px 8px;
    margin-top: 28px;
    background-color: transparent;

}

.data-label {
    display: inline-block;
    padding: 3px 3px;
    background-color: #64e8fd;
    color: #1a1f28;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    width: 17%;
    margin-top: 28px;
}

.deviceArea .data-label {
    display: inline-block;
    padding: 3px 3px;
    background-color: #64e8fd;
    color: #1a1f28;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    width: 20%;
    margin-top: 28px;
}
.data-container {
    font-size: 20px;
    /*margin-left: 3px;*/
    border: none;
    outline: none;
    /*color: #4b7ca4;*/
    color: white;
    font-weight: bold;
    border-radius: 4px;
    width: 20%;
    padding: 8px 8px;
    margin-top: 28px;
    background-color: transparent;

}



.custom-btn {
    display: inline-block;
    margin-right: 10px;
}

.redFont{
    color: red;
}
.buttonArea{
    margin-left: 5vh;
    margin-top: 10vh;
}